<template>
  <div class="my-info">
    <div class="my-image">
      <img src="../../../assets/img/profile/头像.jpeg" alt="">
    </div>
    <div class="my-name">
      <div class="my-user">你是我年少的欢喜</div>
      <div class="my-style">点这里可以添加个性签名。</div>
      <div class="fen-si"><span>0 </span>关注  |   <span>0 </span>粉丝</div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "myInfo"
  }
</script>

<style scoped>
  .my-info{
    background-color: white;
    border-radius: 10px;
    margin: 10px 10px 10px 10px;
    display: flex;


  }
  .my-image{
    width: 60px;
   text-align: center;
    margin-left: 20px;
  }
  .my-image img{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin-top: 10px;

  }
  .my-name{
    flex: 1;
    padding-left: 15px;
    padding-top: 15px;
  }
  .my-user{
    font-size: 15px;
  }
  .my-style{
    padding-top: 2px;
    font-size: 12px;
    color: #8E8E8E;
  }
  .fen-si{
    padding-top: 2px;
    font-size: 12px;
    color: #8E8E8E;
  }
  .fen-si span{

    font-size: 13px;
    color: black;
  }

</style>